<template>
  <section class="about-two">
      <div class="container">
          <div class="row">
              <div class="col-xl-6">
                  <div class="about-two__content">
                      <div class="block-title text-left">
                          <h2 class="block-title__title">Welcome to online <br>
                              learning center</h2><!-- /.block-title__title -->
                      </div><!-- /.block-title -->
                      <p class="about-two__text">There are many variations of passages of lorem ipsum available but the
                          majority have suffered alteration in some form by injected humour or randomised words which
                          don't look.</p><!-- /.about-two__text -->
                      <div class="about-two__single-wrap">
                          <div class="about-two__single">
                              <div class="about-two__single-icon">
                                  <i class="kipso-icon-professor"></i><!-- /.kipso-icon-professor -->
                              </div><!-- /.about-two__single-icon -->
                              <div class="about-two__single-content">
                                  <p class="about-two__single-text">Start learning from
                                      our experts</p><!-- /.about-two__single-text -->
                              </div><!-- /.about-two__single-content -->
                          </div><!-- /.about-two__single -->
                          <div class="about-two__single">
                              <div class="about-two__single-icon">
                                  <i class="kipso-icon-knowledge"></i><!-- /.kipso-icon-professor -->
                              </div><!-- /.about-two__single-icon -->
                              <div class="about-two__single-content">
                                  <p class="about-two__single-text">Enhance your skills
                                      with us now</p><!-- /.about-two__single-text -->
                              </div><!-- /.about-two__single-content -->
                          </div><!-- /.about-two__single -->
                      </div><!-- /.about-two__single-wrap -->
                      <a href="#" class="thm-btn">Learn More</a><!-- /.thm-btn -->
                  </div><!-- /.about-two__content -->
              </div><!-- /.col-lg-6 -->
              <div class="col-xl-6 d-flex justify-content-xl-end justify-content-sm-center">
                  <div class="about-two__image">
                      <span class="about-two__image-dots"></span><!-- /.about-two__image-dots -->
                      <img src="/assets/images/about-1-1.jpg" alt="">
                      <div class="about-two__count">
                          <div class="about-two__count-text">Trusted by
                              <span class="counter">4890</span></div><!-- /.about-two__count-text -->
                      </div><!-- /.about-two__count -->
                  </div><!-- /.about-two__image -->
              </div><!-- /.col-lg-6 -->
          </div><!-- /.row -->
      </div><!-- /.container -->
  </section>
</template>

<script>
    export default {
        name: "AboutTwo"
    }
</script>

<style scoped>

</style>
